﻿@model Think9.Models.WebEntity
@{ Layout = null; }

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>YoursLC有源低代码-登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="~/lib/layui-v2.5.5/css/layui.css" media="all">
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        body {
            background-image: url("../images/loginbg.png");
            height: 100%;
            width: 100%;
        }

        #container {
            height: 100%;
            width: 100%;
        }

        input:-webkit-autofill {
            -webkit-box-shadow: inset 0 0 0 1000px #fff;
            background-color: transparent;
        }

        .admin-login-background {
            width: 310px;
            height: 300px;
            position: absolute;
            left: 50%;
            top: 40%;
            margin-left: -150px;
            margin-top: -100px;
        }

        .admin-header {
            text-align: center;
            margin-bottom: 20px;
            color: #ffffff;
            font-weight: bold;
            font-size: 26px
        }

        .admin-bottom {
            text-align: center;
            margin-top: 15px;
            color: #ffffff;
            font-size: 14px
        }

        #admin-header span {
            text-align: center;
        }

        .admin-input {
            border-top-style: none;
            border-right-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
            height: 50px;
            width: 300px;
            padding-bottom: 0px;
        }

            .admin-input::-webkit-input-placeholder {
                color: #a78369
            }

        .layui-icon-username {
            color: #a78369 !important;
        }

            .layui-icon-username:hover {
                color: #9dadce !important;
            }

        .layui-icon-password {
            color: #a78369 !important;
        }

            .layui-icon-password:hover {
                color: #9dadce !important;
            }

        .admin-input-username {
            border-top-style: solid;
            border-radius: 10px 10px 0 0;
        }

        .admin-input-verify {
            border-radius: 0 0 10px 10px;
        }

        .admin-button {
            margin-top: 20px;
            font-weight: bold;
            font-size: 18px;
            width: 300px;
            height: 50px;
            border-radius: 5px;
            background-color: #a78369;
            border: 1px solid #d8b29f
        }

        .admin-icon {
            margin-left: 260px;
            margin-top: 10px;
            font-size: 30px;
        }

        i {
            position: absolute;
        }

        .admin-captcha {
            position: absolute;
            margin-left: 205px;
            margin-top: -40px;
        }
    </style>
</head>
<body>
    <div id="container layui-anim layui-anim-upbit">
        <div></div>
        <div class="admin-login-background">

            <div class="admin-header">
                <span>YoursLC有源低代码V1.0</span>
            </div>
            <form class="layui-form" action="">
                <div>
                    <i class="layui-icon layui-icon-username admin-icon"></i>
                    <input type="text" name="username" placeholder="请输入用户名  初始用户名admin" autocomplete="off" class="layui-input admin-input admin-input-username" value="admin">
                </div>
                <div>
                    <i class="layui-icon layui-icon-password admin-icon"></i>
                    <input type="password" name="password" placeholder="请输入密码 初始密码123456" autocomplete="off" class="layui-input admin-input" value="123456">
                </div>
                <div>
                    <input type="text" name="captcha" placeholder="请输入验证码" autocomplete="off" class="layui-input admin-input admin-input-verify" value="xszg">
                    <img class="admin-captcha" width="90" height="30" src="../images/captcha.jpg">
                </div>
                <button class="layui-btn admin-button" lay-submit="" lay-filter="login">登 陆</button>
                <div class="admin-bottom">
                    <span><a href="https://gitee.com/think9/your-lc-active-low-code.git" target="_blank" style="color: #ffffff;">gitee下载</a>&nbsp;&nbsp;&nbsp;  <a href="http://doc.think9.net/" target="_blank" style="color: #ffffff;">在线文档</a></span>
                </div>
            </form>
        </div>
    </div>
    <script src="~/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
    <script>
        layui.use(['form', 'exUtils'], function () {
            var form = layui.form,
                exUtils = layui.exUtils,
                layer = layui.layer;
            var $ = layui.$;

            // 登录过期的时候，跳出ifram框架
            if (top.location != self.location) top.location = self.location;

            form.on("submit(login)", function (data) {
                exUtils.ajax("/Login/LoginOn", "post", data.field, true).done(function (response) {
                    window.location = "/Home";
                }).fail(function (error) {
                    console.log(error);
                    //刷新二维码
                    $("#imgcode").click();
                });
                return false;
            });
        });
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?df124e1b542e8d5809ebc8af345c41ce";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</body>
</html>